<div class="title">
  导入数据
</div>
<div class="import-data">
  <div class="btn-active">
    <button nz-button [nzType]="'primary'" class="ant-btn__block fileup_btn" (click)="importFile()">
      <input #fileUpload id="file1" accept type="file" ng2FileSelect [uploader]="uploader" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
      <i class="anticon anticon-upload"></i><span>选择文件</span>
    </button>
    <button *ngIf="updateState" nz-button [nzType]="'primary'" (click)="uploadExcel()" [disabled]="!(files.length > 0)">上传并处理</button>
    <button *ngIf="!updateState" nz-button [nzType]="'primary'" [disabled]="true" [disabled]="!(files.length > 0)">上传中...</button>
  </div>
  <a class="downExcel" (click)="downDataExcel()">下载导入数据模板</a>
  <div class="import-files">
    <div *ngFor="let file of files">
      <span class="file-name">{{file.file.name}}</span> &nbsp;&nbsp;
      <a *ngIf="file.errorFileId" class="errorLink" href="appendPath(file)">下载导入失败数据文件</a>
      <div *ngIf="file.processInfo" [innerHTML]="file.processInfo"></div>
    </div>
  </div>
</div>